<template>
	<div class='main-bg'>
		<breadcrumbs class='pl10'></breadcrumbs>
		<div  class='main bg-white pd30'> 
			<div class='duty_pa' :style='{background:AllData.taxLaw.bgimgsrc}'>
				<span  class='ft20 fontWeight span_title'>{{AllData.taxLaw.title}}</span>
				<a-row>  
					<a-col :span='16'>
						<ul  class='method_list  mt20 ' >
							<li v-for='(item,index) in AllData.taxLaw.content' :key='index'><i class='method_list_head' ></i>{{item}}</li> 
						</ul>
					</a-col>
				</a-row>
			</div>  
			<div class='mt42   relative'>
				<span  class='ft20 fontWeight span_title'>{{AllData.file.title}}</span>   
				<ul  class='method_list  mt12 '>
					<li class='head' v-for='(item,index) in AllData.file.content' :key='index'>{{item}}</li> 
				</ul> 
			</div>  
			<div  class='mt42 clear'>
				<span  class='ft20 fontWeight span_title'>{{AllData.know.title}}</span>  
				<ul  class='method_list  mt20  mark'>
					<li v-for='(item,index) in AllData.know.content' :key='index'>{{item}}</li>
				</ul>
				<img src='static/img/QRcode.png' width="140" class='fr'>
			</div> 
		</div>
	</div>
</template>

<script >
import breadcrumbs  from '@/components/breadcrumbs'
export default {
	name:'dutyParagraph',
	props:{
		language:Object
	},
	data(){
		return {

		}
	},
	methods:{
		
	},
	components:{
		breadcrumbs
	},
	computed:{ 
		AllData(){
			return this.language.dutyParagraph
		}
	},
}
</script>

<style  scoped="scoped"> 
.main-bg{background:url(../assets/img/bg_22.jpg) no-repeat ;padding-top: 300px;}
.main{width: 1200px;margin:20px auto 50px;} 
.duty_pa{/*background: url(../assets/img/duty_paragraph.png) no-repeat right center;*/} 

 /*移动端适配*/
@media(max-width: 420px){   
	.main{width: 100%;padding:10px 20px;} 
	.span_title{font-size: 18px;line-height: 1.2} 

	.duty_pa{padding-bottom: 210px;background-size: contain;background-position: center bottom;}  
}
</style>